<template>
	<div>
		<van-nav-bar
		  title="创建仓库"
		  left-text="返回"
		  left-arrow
		  @click-left="back()"
		/>
		
		<van-cell-group>
		  <van-field v-model="name" placeholder="名称" />
		</van-cell-group>
		<div style="display: flex;margin-top: 20px;padding: 10px;background-color: #fff;">
			<div style="padding-left: 20px;margin-right: 40px;">
				激活日期
			</div>
			<div style="padding-left: 20px;margin-right: 40px;">
				<van-stepper v-model="moon" theme="round" button-size="22" disable-input min="1" max="36" placeholder="月"/>
			</div>
		</div>
		<div style="text-align: center;font-size: 13px;margin: 20px;padding: 10px;background-color: rgb(245,245,245);;">
			已选择激活 {{ moon }} 月 <br>共消费<span style="color: #F22C40;">{{ moon * 1000 }}</span> 积分<br>
			您当前拥有积分为：<span style="color: #F22C40;">{{ jifen }}</span>
		</div>
		<van-field
		  v-model="key"
		  rows="2"
		  autosize
		  label="私钥"
		  type="textarea"
		  maxlength="36"
		  show-word-limit
		/>
		<div style="color: #315355;text-align: center;font-size: 13px;margin-top: 10px;">请务必自行保存仓库私钥</div>
		
		<div style="text-align: center;padding-top: 30px;">
			<van-button plain hairline type="info" class="jiance">检测</van-button>
		</div>
	</div>
</template>
<script>
export default {
	data() {
		return {
			name : '',
			moon : 1,
			jifen : 1200,
			key : '987664ED1644B1448FB8ADB44CC50C476C784883'
		};
	},
	methods: {
		back() {
			history.go(-1);
		}
	},
};
</script>
<style>
/* 隐藏底部导航 */
.van-tabbar {
	display: none;
}
.jiance {
	padding-left: 50px;padding-right: 50px;
}
</style>